 <template>
    <div class="page-login">
        <div class="logo">
            <img style="width:80px ;height:80px" src="https://assets.maizuo.com/h5/mz-auth/public/app/img/logo.19ca0be.png" alt="">
        </div>

        <div class="inputs">
        <form action="">
            <p class="first" >
                <input type="text" placeholder="手机号" style="border:0;outline:0">
                <button class="btn1" style="border:0;outline:0; background: transparent;">获取验证码</button>
            </p>

            <p class="second">
                <input type="text" placeholder="验证码" style="border:0;outline:0">
            </p>

            <button class="btn2" style="height:50px;background:orangered;border: 0;color: aliceblue;">登录</button>
        </form>
    </div>

    </div>
</template>

<style scoped>
.page-login{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}
form{
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
   
}
</style> 
 
